<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>在线数码商城</title>
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/index.css" rel="stylesheet">
		<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
	</head>
	<body>
		<!--头部-->
		<nav class="navbar navbar-default navbar-static-top">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
						aria-expanded="false" aria-controls="navbar">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#"><span class="glyphicon glyphicon-blackboard"></span> 在线数码商城</a>
				</div>
				<div id="navbar" class="navbar-collapse collapse" aria-expanded="false" style="height: 1px;">
					<ul class="nav navbar-nav">
						<li class="active"><a href="#">首页</a></li>
						<li><a href="#">关于</a></li>
						<li><a href="#">联系我们</a></li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li role="presentation"><a href="#"><span class="glyphicon glyphicon-shopping-cart"
									aria-hidden="true"></span>&nbsp;购物车&nbsp;<span class="badge">2</span></a></li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
								aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-user"
									aria-hidden="true"></span>&nbsp;admin<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="#">我的账号</a></li>
								<li><a href="#">我的订单</a></li>
								<li><a href="#">账号余额</a></li>
								<li role="separator" class="divider"></li>
								<li><a href="#">退出</a></li>
							</ul>
						</li>
					</ul>
				</div>
				<!--/.nav-collapse -->
			</div>
		</nav>
		<!--中间-->
		<div class="container tips">
			<c:if test="${param.model != null}">
				<div class="alert alert-success tip-success">
					<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
							aria-hidden="true">&times;</span></button>
					<strong>成功！</strong>您已经将 <b>Lenovo/联想&nbsp;拯救者R720 </b>加入到购物车中!
					<b><a
							href="computerServlet?method=forwardPage&page=cart&pageNo=${computerpage.pageNo }">立即查看购物车</a></b>
				</div>
			</c:if>
		</div>
		<div class="container searchBox">
			<form action="computerServlet?method=getComputers" method="post" class="form-inline">
				<div class="form-group">
					<div>
						<label class="sr-only" for="exampleInputAmount">Amount (in dollars)</label>
						<div class="input-group">
							<div class="input-group-addon">从</div>
							<input type="text" class="form-control col-xs-1" name="minPrice" placeholder="最低价格" />
							<div class="input-group-addon">到</div>
							<input type="text" class="form-control col-xs-1" name="maxPrice" placeholder="最高价格" />
						</div>
					</div>
				</div>
				<button type="submit" class="btn btn-primary searchBtn "><span class="glyphicon glyphicon-search"
						aria-hidden="true"></span> 查询</button>
			</form>
		</div>
		<div class="container">
			<div class="container">
				<div class="col-sm-6 col-md-4">
					<a href="#">
						<div class="thumbnail">
							<img src="img/5a54725aNc2bfede3.jpg" alt="...">
							<div class="caption">
								<h3
									style="color:black;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;">
									Lenovo/联想&nbsp;拯救者R720</h3>
								<p class="prcieNum">6399</p>
								<p>
									<a href="#"
										class="btn btn-primary addToCart" role="button"><span
											class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
										加入购物车</a>
									<a href="#" class="btn btn-default" role="button"> <span
											class="glyphicon glyphicon-star" aria-hidden="true"
											style="color:#FF8F1C;"></span> 收藏</a>
								</p>
							</div>
						</div>
					</a>
				</div>
			</div>
			<div class="container">
				共 <span class="badge">10</span> 页
				&nbsp;&nbsp;
				当前第 <span class="badge">1 </span> 页
				&nbsp;&nbsp;
				<a class="btn btn-default" role="button" href="#">首页</a>
				&nbsp;&nbsp;
				<a class="btn btn-default" role="button" href="#">上一页</a>
				&nbsp;&nbsp;
				<a class="btn btn-default" role="button"
					href="#}">下一页</a>
				&nbsp;&nbsp;
				<a class="btn btn-default" role="button"
					href="#}">末页</a>
				&nbsp;&nbsp;
				转到 <input type="text" size="1" id="pageNo" data-dismiss="alert" aria-label="Close" /> 页
			</div>
		</div>
		<!--底部-->
		<hr>
		<footer class="footer">
			<div class="container">
				<div id="back-to-top" href="#">
					<span class="glyphicon glyphicon-triangle-top"></span>&nbsp;回到顶部
				</div>
				<p class="text-muted">&copy; 2022 CS Company, Inc.
				</p>
			</div>
		</footer>
	</body>
</html>
